<template>
  <li class="dropdown-option" :class="{'is-disabled':disabled}">
    <slot></slot>
  </li>
</template>

<script>
export default {
  props: {
    disabled: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style>
.dropdown-option.is-disabled * {
   color: #6c757d;
pointer-events: none;
 background-color: transparent;
}
</style>
